<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head th:replace="fragments/common :: head" />
<body>
  <div th:replace="fragments/common :: bootstrap" />
  <div th:include="fragments/common :: loadBundlesFromDb (${isLoadBundlesFromDb})" />
  <div th:include="fragments/common :: admin (${isAdmin})" />
  <div th:if="${isLoadBundlesFromDb} and ${isAdmin}">
    <div class="portletBody">
      <div id="menu" th:include="fragments/menus :: main (modified)" />
      <h3 th:text="#{modified.modified}">Modified Messages</h3>
      <table id="modifiedTable" class="table table-striped table-bordered dataTable">
        <thead>
          <tr>
            <th class="no-sort"></th>
            <th th:text="#{mbp.id}">Id</th>
            <th th:text="#{mbp.moduleName}">Module Name</th>
            <th th:text="#{mbp.propertyName}">Property Name</th>
            <th th:text="#{mbp.value}">Value</th>
            <th th:text="#{mbp.defaultValue}">Default Value</th>
            <th th:text="#{mbp.locale}">Locale</th>
          </tr>
        </thead>
        <tbody>
          <tr th:each="property : ${listModifiedMessageProperties}">
            <td><a href="edit" role="button" th:href="@{/edit(id=${property?.id})}" th:text="#{modified.edit}">Edit</a></td>
            <td th:text="${property?.id}">0</td>
            <td th:text="${property?.moduleName}">moduleName</td>
            <td th:text="${property?.propertyName}">propertyName</td>
            <td th:text="${property?.value}">value</td>
            <td th:text="${property?.defaultValue}">defaultValue</td>
            <td th:text="${property?.locale}">locale</td>
          </tr>
        </tbody>
      </table>
      <script>includeWebjarLibrary('datatables');</script>
      <script th:inline="javascript">
        $(document).ready(function () {
          $('#modifiedTable').DataTable({
            "order": [],
            "columnDefs": [{
              "targets": 'no-sort',
              "orderable": false,
            }]
          });
        });
      </script>
    </div>
  </div>
</body>
</html>